.ty-container {
  --ty-c-w: 300px;
  --ty-c-h: 200px;
  width: var(--ty-c-w);
  height: var(--ty-c-h);
  background-color: rebeccapurple;
}
.ty-container .ty-pic1 {
  width: var(--ty-c-w);
  height: var(--ty-c-h);
  background-color: brown;
}
.ty-container .ty-pic2 {
  width: var(--ty-c-w);
  height: var(--ty-c-h);
  background-color: burlywood;
}
.ty-container .ty-pic3 {
  width: var(--ty-c-w);
  height: var(--ty-c-h);
  background-color: royalblue;
}
.ty-list {
  /* border: solid 2px red; */
  /* width: 300px;
  height: 300px; */
}
.ty-size {
  font-size: 44px;
  font-weight: bold;
}
.accordion {
  --bs-accordion-bg: var(--bs-primary-bg-subtle);
  font-weight: 600;
}
.accordion .accordion-body {
  padding: 0;
}
.ty-submenu {
  font-weight: 800;
}
.ty-submenu i {
  margin-left: 12px;
  margin-right: 20px;
}
.ty-menu-item-title {
  margin-left: 68px;
}
.ty-card-example{
  width: 200px;
  height: 80px;
  background-color: blanchedalmond;
  /* background-image: ; */
}
.ty-picture1{
  width: 300px; 
  height: 200px;
  background-color: purple;;
}
.ty-picture2{
  width: 300px; 
  height: 200px;
  background-color: blueviolet;
}
.ty-picture3{
  width: 300px; 
  height: 200px;
  background-color: red;
}